<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>爱奇艺</title>
		<link rel="stylesheet" type="text/css" href="../css/python.css"/>
		<style type="text/css">
			body{
				background-color: #000000;
			}
			.home a{
				text-decoration: none;
				color: #000;
				font-size: 16px;
				
			}
			.top{
				width: 100%;
				height: 46px;
				background-image: url(../image/01.png);
				background-repeat: repeat-x;
				/* overflow: hidden; */
			}
			.top:after{
				content: '';
				
			}
			.top .nav_top{
				width: 975px;
				height: 46px;
				/* border: 1px solid red; */
				/* background-color: #8A2BE2; */
				margin: 0 auto;
			}
			.nav_top .logo{
				width: 110px;
				height: 46px;
				/* background-color: skyblue; */
				float: left;
			}
			.nav_top .home{
				margin-left: 16px;
				float: left;
				width: 134px;
				height: 46px;
				/* background-color: #FF4400; */
				line-height: 46px;
			}
			.home a{
				color: #828282;
			}
			.home a:hover{
				color: #FF0000;
			}
			.home .left{
				padding-left: 10px;
			}
			
			.home .right{
				float: right;
				padding-right: 10px;
			}
			.nav_top .search{
				width: 266px;
				height: 30px;
				/* border: 1px solid red; */
				float: left;
				margin-left: 50px;
				margin-top: 8px;
				margin-bottom: 8px;
			}
			
			.nav_top .nav_right{
				width:326px;
				height: 46px;
				/* border: 1px solid red; */
				float: right;
				line-height: 46px;
			}
			.nav_right ul li a{
				text-decoration: none;
				padding: 0 7px;
				font-size: 15px;
				color: white;
			}
			
			.nav_right ul li a:hover{
				color: #FFEBCD;
			}
			
			
			/*内容区*/
			.content{
				width: 1102px;
				margin: 10px auto;
			}
			
			.content .con_top{
				width: 1102px;
				height: 675px;
				background-color: #FFEBCD;
				overflow: hidden;
			}
			.con_top .con_inner{
				width: 1000px;
				height: 308px;
				/* border: 1px solid green; */
				margin: 22px auto;
			}
			
			.con_top .con_footer{
				width: 1000px;
				height: 310px;
				margin: -15px auto;
			}
			.con_footer h2{
				text-align: center;
				font-size: 20px;
			}
			.con_footer .img{
				width:612px;
				height: 150;
				margin: 0 auto;
				margin-top: 100px;
			}
			
			
			.content .mind{
				width: 1102px;
				background-color: #FFEBCF;
				margin: 64px auto;
			}
			.mind p{
				font-size: 30px;
				margin-left: 48px;
			}
			.mind ul{
				width: 1000px;
				height: 20px;
				/* border: 1px solid #8A2BE2; */
				margin: 0 auto;
			}
			.mind ul li{
				float: left;
				margin-left: 115px;
			}
			
			.mind .mind_footer{
				width: 1000px;
				/* border: 1px solid red; */
				margin: 10px auto;
			}
			.mind_footer img{
				width: 1000px;
			}
			
			.mind .mind_down{
				width: 1000px;
				height: 256px;
				/* border: 1px solid red; */
				margin: 0 auto;
			}
			.mind_down p{
				margin-top: 20px;
				font-size: 20px;
				margin-left: 1px;
			}
			
			.mind_down .mind_ul{
				width: 1000px;
				height: 166px;
				/* border: 1px solid red; */
				margin-top: 25px;
			}
			
			.mind_down .mind_ul li{
				width: 248px;
				height: 164px;
				/* border: 1px solid blue; */
				float: left;
				margin-left: 2px;
			}
			
			.footer{
				width: 100%;
				height: 100px;
				background-color: #fff;
			}
			
			.footer .footer_link{
				width: 1102px;
				height: 100px;
				margin: 0 auto;
				line-height: 100px;
			}
			.footer_link li a{
				padding-left: 28px;
				text-decoration: none;
				font-size: 12px;
				font-family: '微软雅黑';
			}
			.footer_link li a:hover{
				color: #FF4400;
			}
		</style>
	</head>
	<body>
		<!--网页头条导航栏-->
		<div class="top">
			<!--导航栏内容-->
			<div class="nav_top">
				<!--网页logo-->
				<div class="logo">
					<img src="../image/02.png" >
				</div>
				<div class="home">
					<a href="#" class="left">首页</a>
					<a href="#" class="right">导航</a>
				</div>
				<div class="search">
					<img src="../image/search.png" >
				</div>
				<div class="nav_right">
					<ul>
						<li>
							<a href="#">登录</a>
							<a href="#">注册</a>
							<a href="#">开通VIP</a>
							<a href="#">上传</a>
							<a href="#">消息</a>
							<a href="#">播放记录</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="con_top">
				<div class="con_inner">
					<img src="../image/inner.png" >
				</div>
				<div class="con_footer">
					<h2>《唐砖》现代皮男穿越唐朝撩公主</h2>
					<div class="img">
						<img src="../image/04.png" >
					</div>
				</div>
			</div>
			<div class="mind">
				<p>即将上线</p>
				<ul>
					<li>11月23日</li>
					<li>11月26日</li>
					<li>即将上线</li>
					<li>即将上线</li>
					<li>敬请期待</li>
				</ul>
				<div class="mind_footer">
					<img src="../image/min_footer.png" >
				</div>
				
				<div class="mind_down">
					<p>会员福社专区</p>
					<ul class="mind_ul">
						<li><img src="../image/03.png" ></li>
						<li><img src="../image/03.png" ></li>
						<li><img src="../image/03.png" ></li>
						<li><img src="../image/03.png" ></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="footer_link">
				<ul>
					<li>
						<a href="#">公司介绍</a>
						<a href="#">新闻动态</a>
						<a href="#">联系方式</a>
						<a href="#">招聘英才</a>
						<a href="#">爱奇艺实验室</a>
						<a href="#">开发平台</a>
						<a href="#">爱奇艺号认证</a>
						<a href="#">爱奇艺作者中心</a>
						<a href="#">帮助中心</a>
						<a href="#">侵权投诉</a>
						<a href="#">About Us</a>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
<!-- 1102 675 -->
<!-- 1000 308 -->
<!-- 256 -->
<!-- 1000 116 -->
<!-- 248 164 -->
<!-- 612 150 -->